$spacing: 2rpx;
@for $i from 0 through 40 {
	.m#{$i} {margin: $spacing * $i;}
	.p#{$i} {padding: $spacing * $i;}
	.mt#{$i} {margin-top: $spacing * $i;}
	.mr#{$i} {margin-right: $spacing * $i;}
	.mb#{$i} {margin-bottom: $spacing * $i;}
	.ml#{$i} {margin-left: $spacing * $i;}
	.pt#{$i} {padding-top: $spacing* $i;}
	.pr#{$i} {padding-right: $spacing * $i;}
	.pb#{$i} {padding-bottom: $spacing * $i;}
	.pl#{$i} {padding-left: $spacing * $i;}
	.mx#{$i} {margin-left: $spacing * $i;margin-right: $spacing * $i;}
	.my#{$i} {margin-top: $spacing * $i;margin-bottom: $spacing * $i;}
	.px#{$i} {padding-left: $spacing * $i;padding-right: $spacing * $i;}
	.py#{$i} {padding-top: $spacing * $i;padding-bottom: $spacing * $i;}
	.pxy#{$i}{padding-left: $spacing * $i;padding-right: $spacing * $i;padding-top: $spacing * $i;padding-bottom: $spacing * $i;}
	.fs#{$i} {font-size: $spacing * $i;}
	.ellipsis#{$i}{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: $i; -webkit-box-orient: vertical;}
	.r#{$i}{border-radius: $spacing * $i;}
}
.color_66{color: #666;}
.color_33{color: #333333;}
.color_99{color: #999;}
.color_d{color:#DE160E;}
.color_eb{color: #EB1A12;}
.bold {font-weight: 700;}
.bold8 {font-weight: 800;}

.align_l {text-align: left;}
.align_r {text-align: right;}
.align_c {text-align: center;}
.align_m {vertical-align: middle;}

.radius_50 {border-radius: 50%;}

.border_sub{border: 2upx solid #DE160E;}
.border_sub_s {border: 2upx solid #E1E1E1;}
.border_sub_d {border: 2upx dashed #E4E4E4;}
.border_b_1 {border-bottom: 2upx solid #F5F5F5;}
.border_t_f5 {border-top: 2upx solid #F5F5F5;}
.border_b_f5 {border-bottom: 2upx solid #F5F5F5;}
.border_b_e {border-bottom: 2upx solid #EEEEEE;}
.border_t_ee{border-top: 2upx solid #EEEEEE;}
.border_b_d8 {border-bottom: 2upx solid #D8D8D8;}
.border_dash_b {border-bottom: 2upx dashed #F5F5F5;}
.border_dash_e {border-bottom: 2upx dashed #EEEEEE;}
.border_s_e {border-bottom: 2upx solid #EEEEEE;}
.shadow {
	box-shadow: 0 2upx 16upx rgba(235, 235, 235, 1);
}


.bgf5{background-color: #f5f5f5;}
.bg_f8{background-color: #f8f8f8;}
.bg_white {background: #fff;}

.flex_box {
	display: flex;
}
.flex {
	flex: 1;
}

.flexW{flex-wrap: wrap;}
.flex_align {
	align-items: center;
	align-content: center;
	align-self: center;
}
.flex_between {
	justify-content: space-between;
}
.flex_align_between {
	align-content: space-between;
}

.flex_start {
	align-items: flex-start;
}
.flex_center {
	justify-content:center;
}
.flex-wrap {flex-wrap: wrap;}
.flex_end {justify-content: flex-end;}
.d_inline {
	display: inline-block;
	vertical-align: middle;
}
button {margin: 0 ; padding: 0;background: transparent;border:none}
button::after { border: none}




